<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1,minimum-scale=1,user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>白菜价页面</title>
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../lib/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="../css/baicaijia.css">
</head>

<body>
    <!-- 头部 -->
    <header>
        <h3>白菜价-淘宝内部券</h3>
    </header>
    <!-- 导航栏 -->
    <nav>
        <div class="nav_titleList">
            <ul id="nav_goodsTitle" class="clearfix">
                <!-- <li><a href="#">全部</a></li>
                <li><a href="#">热销</a></li>
                <li><a href="#">9块邮</a></li>
                <li><a href="#">19块邮</a></li>
                <li><a href="#">数码家电</a></li>
                <li><a href="#">家居</a></li> -->
            </ul>
            <div class="nav_right"><span class="glyphicon glyphicon-search"></span></div>
        </div>
    </nav>

    <!-- 商品列表 -->
    <div class="goodsList">
        <ul id="allgoodsList">
            <!--  <li>
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4"><a href="#"></a></div>
                        <div class="col-lg-8 col-md-8 col-sm-8 col-xs-8">
                            <h4>[包邮]多功能车载手机支架仪表台</h4>
                            <p>券后￥7.9 <span>￥17.9</span></p>
                            <div class="progress_bar clearfix">
                                <div class="progress pull-left">
                                    <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="60"
                                        aria-valuemin="0" aria-valuemax="100" style="width: 20%;">
                                        20%
                                    </div>
                                </div>
                                <div class="pull-left">已领82张</div>
                            </div>
                            <div class="bottom_click clearfix">
                                <a href="#" class="pull-left">点此领15元优惠券</a>
                                <a href="#" class="pull-right">下单链接</a>
                            </div>
                        </div>
                    </div>
                </div>
            </li> -->
        </ul>
    </div>
    
</body>



<script type="text/templete" id="goodsTitle">

    {{each result value i }}
        <li data-index={{i}}><a href="#">{{value.title}}</a></li>
    {{/each}}
</script>

<script type="text/templete" id="goodsList">

    {{each result value i }}

    <li>
            <div class="container-fluid">
                <div class="row">
                    <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 row_left"><a href="#">{{@value.productImg}}</a></div>
                    <div class="col-lg-8 col-md-8 col-sm-8 col-xs-8 row_right">
                        <h4>{{@value.productName}}</h4>
                        <p>{{@value.productPrice}}</p>
                        {{@value.productCouponRemain}}
                        <div class="bottom_click">
                            <div class="productCoupon">{{@value.productCoupon}}</div>
                            <button>{{@value.productHref}}</button>
                        </div>
                    </div>
                        
                    </div>
                </div>
            </div>
    </li>

    {{/each}}

</script>


</html>
<script src="../lib/jquery/jquery.min.js"></script>
<script src="../lib/bootstrap/js/bootstrap.min.js"></script>
<script src="../lib/template-web.js"></script>
<script src="../lib/iscroll-master/build/iscroll.js"></script>
<script src="../js/common.js"></script>
<script src="../js/baicaijia.js"></script>